$(function() {
	$.jgrid.defaults.styleUI = 'Bootstrap';
    $("#categoryDiv").hide("slow");
    buildgrid();
});


function buildgrid() {
	$("#table_list_2").jqGrid(
		{
            caption : "材料数据库",
			url : "/cargo/list",
			datatype : "json",
			mtype : "POST",
            colNames : [ '材料名称',
                '所属分类',
                '规格',
                '单位',
                '最高价',
                '最低价'
            ],
            colModel : [
                {
                    name : 'name',
                    index : 'name',
                    editable : true,
                },
                {
                    name : 'categoryName',
                    index : 'categoryName',
                    editable : true,
                    edittype : 'select',
                    editoptions:{value:"电缆挂钩:电缆挂钩;电缆类:电缆类;氧气、乙炔:氧气、乙炔;配电箱:配电箱;劳保用品:劳保用品;工机具:工机具"},

                },
                {
                    name : 'spec',
                    index : 'spec',
                    editable : true,

                },
                {
                    name : 'unit',
                    index : 'unit',
                    editable : true,
                },
                {
                    name : 'mostPrice',
                    index : 'mostPrice',
                    editable : true,
                },
                {
                    name : 'leastPrice',
                    index : 'leastPrice',
                    editable : true,
                },
            ],
			height : "100%",
			autowidth : true,
			rownumbers : true,
			jsonReader : {
				root : "dataList",
				page : "currentPage",
				total : "totalPage", //   很重要 定义了 后台分页参数的名字。
				records : "totalCount"
			},
			rowNum : 10,
			rowList : [ 10, 20, 30 ],
			pager : "#pager_list_2",
			viewrecords : true,
			editurl : "/collumn/operation",
			hidegrid : false,
			gridComplete : function() {

			}
		});



	//Setup buttons
	$("#table_list_2").jqGrid('navGrid', '#pager_list_2', {
		edit : true,
		add : true,
		del : true,
		search : false
	}, {
		height : 300,
		reloadAfterSubmit : true
	});


    $("#table_list_3").jqGrid(
        {
            caption : "材料类别数据库",
            url : "/cargo/categoryList",
            datatype : "json",
            mtype : "POST",
            colNames : [ '材料分类名称',
            ],
            colModel : [
                {
                    name : 'name',
                    index : 'name',
                    editable : true,
                },
            ],
            height : "100%",
            autowidth : true,
            rownumbers : true,
            jsonReader : {
                root : "dataList",
                page : "currentPage",
                total : "totalPage", //   很重要 定义了 后台分页参数的名字。
                records : "totalCount"
            },
            rowNum : 10,
            width:"100%",
            rowList : [ 10, 20, 30 ],
            pager : "#pager_list_3",
            viewrecords : true,
            editurl : "/collumn/operation",
            hidegrid : false,
            gridComplete : function() {

            }
        });

    $("#table_list_3").jqGrid('navGrid', '#pager_list_3', {
        edit : true,
        add : true,
        del : true,
        search : false
    }, {
        height : 300,
        reloadAfterSubmit : true
    });







	$(window).bind('resize', function() {
		var width = $('.jqGrid_wrapper').width();
		$('#table_list_2').setGridWidth(width);
        $('#table_list_3').setGridWidth(width);


    });

    function imageFormat( cellvalue, options, rowObject ){
        return '<img src="'+cellvalue+ '"  style="width:50px;height:50px;" />'
    }


    function GMTToStr( cellvalue, options, rowObject){
        var date = new Date(cellvalue);
        var Str=date.getFullYear() + '-' +
            (date.getMonth() + 1) + '-' +
            date.getDate() + ' ' +
            date.getHours() + ':' +
            date.getMinutes() + ':' +
            date.getSeconds()
        return Str
    }
}



function toCategory() {
    $("#categoryDiv").hide("slow");
    $("#cargoDiv").show("slow");
    $("#btnCategory").attr("class", "btn btn-w-m btn-default");
    $("#btnCargo").attr("class", "btn btn-w-m btn-danger");
}
function toCargo() {
    $("#cargoDiv").hide("slow");
    $("#categoryDiv").show("slow");
    $("#btnCargo").attr("class", "btn btn-w-m btn-default");
    $("#btnCategory").attr("class", "btn btn-w-m btn-danger");
}